
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>ixfrom</title>

    <meta name="keywords" content="Company Template, green color bar, CSS, HTML" />
    <meta name="description" content="Company Template (Green) is a free website template provided from 站长素材" />

    <link href="css/templatemo_style.css" rel="stylesheet" type="text/css" /><!--链接样式表-->

</head>

<body>
<div id="templatemo_site_title_bar_wrapper">  <!--标题头盒子-->
    <div id="templatemo_site_title_bar">  <!--标题头-->
        <div id="site_title">
            <h1>
               <a>IXFORM</a>
            </h1>
        </div>
            <div class="nav">
                <ul>
                    <li>
                        <a class="nav-der" th:href="@{/}"><b>主页</b></a>
                    </li>
                    <li>
                        <a class="nav-der" th:href="@{/idols}"><b>idol</b></a>
                    </li>
                    <li>
                        <a class="nav-der" th:href="@{/productions}"><b>作品</b></a>
                    </li>
                    <li>
                        <a class="nav-der" th:href="@{/netizens}"><b>网友</b></a>
                    </li>
                    <li>
                        <a class="nav-der" th:href="@{/comments}"><b>评论</b></a>
                    </li>
                </ul>
            </div>

      <div>
        <form th:action="@{/userAccount/login}" method="post" >
        <ul id="top_menu">
            <li class="first"><a href="/login">登录</a></li>
            <li><a href="/register">注册</a></li>
        </ul>
        </form>
      </div>
    </div> <!-- end of site title bar(标题栏) -->
</div> <!-- 第一部分 -->

<div id="templatemo_banner_wrapper">   <!-- 设置横幅盒子-->

    <div id="templatemo_banner">

        <div id="slider">
           <div class="sliderImage">
               <img src="images/ixform.jpg" />
           </div>
            <div id="banner_content">    <!-- 设置横幅内容 右侧文档盒子-->
                <h2>Ixform简介 </h2><br>
                <p> IXFORM，中国内地流行乐男子演唱团体，由罗一舟（中心位）、唐九洲、连淮伟、刘冠佑、邓孝慈、孙滢皓、刘隽（队长）、段星星、孙亦航九名成员组成。
                </p>
            </div>
        </div>


    </div> <!-- end of banner （横幅）-->

</div> <!-- 第二部分 -->

<div id="templatemo_menu_wrapper">     <!-- 菜单盒子 -->

    <div id="templatemo_menu">

        <ul>
            <li><a href="/lyz" class="current fast">罗一舟</a></li>
            <li><a href="/tjz" target="_parent">唐九洲</a></li>
            <li><a href="/lhw" target="_parent">连淮伟</a></li>
            <li><a href="/lgy" target="_parent">刘冠佑</a></li>
            <li><a href="/dxc">邓孝慈</a></li>
            <li><a href="/sdl">孙滢皓</a></li>
            <li><a href="/lj" target="_parent">刘隽</a></li>
            <li><a href="/dxx">段星星</a></li>
            <li><a href="/syh">孙亦航</a></li>
        </ul>

    </div> <!-- end of menu -->

</div> <!-- 第三部分 -->

<div id="header">  <!-- 创建主边栏盒子 -->

<!--左边文案-->
    <div id="main_column">     <!-- 创建主边栏 -->

        <div class="section_w560">
            <h2>演艺经历</h2>
            <p> 2021年2月18日，成员们参与录制的男团成长综艺《青春有你第三季》在爱奇艺播出；</p>
            <p> 7月25日，罗一舟（中心位）、唐九洲、连淮伟、刘冠佑、邓孝慈、孙滢皓、刘隽、段星星、孙亦航在舞台正式官宣团名为“IXFORM”；</p>
            <p>7月29日，IXFORM首次团体活动，来到新浪娱乐扫楼；</p>
            <p>8月29日，组合宣布队长由刘隽担任；</p>
            <p>11月5日，发布组合首张迷你专辑《将至》。</p>
            <div class="cleaner" ></div>

        </div>


        <div class="cleaner_h50"></div>
        <!--section_w560同上面的section_w560一样 -->
        <div class="section_w560">
            <h2> 主要作品 </h2>
            <p> 音乐专辑:《将至》</p>
        </div>


    </div> <!-- end of main column -->

<!--右边图片-->
    <div id="side_column">       <!-- 创建右边栏 -->

        <img src="images/ixform_2.jpg" width="250px" height="330px" class="cleaner"/>
<!--            <div class="button bottom_02"><a href="sc.chinaz.com"></a></div>-->

    </div>  <!-- end of side column(边柱) -->
</div><!-- 第四部分 -->
 <!-- end of content -->

<div class="container">
    <h3>评论</h3>

    <div class="row">
            <table>
                <thead>
                <tr>
                    <th>评论内容</th>
                    <th>姓名</th>
                    <th>邮箱</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="aComment : ${comments}">
                    <td th:text="${aComment.content}"></td>
                    <td th:text="${aComment.nickname}"></td>
                    <td th:text="${aComment.email}"></td>
                </tr>
                </tbody>
            </table>
        </div>



</div>

<div id="templatemo_footer_wrapper">

    <div id="templatemo_footer">
        <ul class="footer_menu">
            <li><a href="#">Team Members</a></li>
            <li><a href="/comments/new">喜欢请留言</a></li>
            <li><a href="#">感谢支持</a></li>
            <li><a href="#">更新请期待</a></li>
            <li><a href="/logout">下次见</a></li>
            <li class="last_menu"><a href="#">Contact Us</a></li>
        </ul>


    </div> <!-- end of footer -->

</div> <!-- end of footer wrapper(页脚) -->
</body>
</html>